Міністерство освіти і науки України Вінницький національний технічний університет Факультет інформаційних технологій та комп’ютерної інженерії Кафедра комп’ютерних наук Лабораторна робота №3 Тема: «Розробка системи навігації у сайті»  Вінниця 2015 Мета: розробити систему навігації у сайті, та знати складові цієї системи. Система навігації сайту - система програмних і візуальних засобів, за допомогою яких Відвідувач може переміщатися по даному сайту і знаходити потрібну йому інформацію. Оскільки веб-сайт являє собою, спрощено кажучи, набір документів, пов'язаних гіперпосиланнями, то під терміном «навігація» ми розуміємо в основному те, як організована на сторінках сайту робота з гіперпосиланнями. До елементів навігації належать: 1. Безпосередньо самі посилання, розміщені на сторінках сайту: текстові посилання (посилання з певних слів, фраз); графічні (посилання з елементів дизайну, фотографій, піктограм, банерів тощо) посилання для переміщення всередині конкретної сторінки (так звані «якоря») - що буває важливо, якщо сторінка містить великий обсяг текстової інформації. 2. Навігаційні меню: текстові графічні випадають і т.п. 3. Різні форми пошуку по сайту: прості (за ключовими словами) складні (по набору критеріїв, наприклад в каталозі товарів - за географічним розташуванням магазину, за датою публікації інформації, за ціною і т.п.) 4. Так звана «карта сайту» 5. Система адресації, існуюча на сайті, також відноситься до системи навігації, оскільки один із способів, яким Відвідувач може потрапити на сторінку сайту - це вручну набрати адресу сторінки в адресному рядку броузера 6. Крім того, можна говорити і про так звану «візуальної» навігації, упрощающей Відвідувачу пошук інформації на конкретній сторінці сайту - наприклад, головною. Цим завданням можуть служити різні графічні і текстові елементи - заголовки, «айстоппери», піктограми, рамки, правильно організована верстка сайту і т.п. Візуальна навігація особливо важлива для великих порталів, де в рамках однієї сторінки може знаходитися велика кількість інформаційних блоків - новинних, рекламних і т.п. До завдань навігації на сайті можна віднести: забезпечення юзабіліті, спрощення пошуку інформації для Відвідувача - зробити цей процес інтуїтивно зрозумілим і швидким; утримання Відвідувачів на сайті (щоб відвідувач не покинув відразу сайт, а вчинив корисну для себе «екскурсію» по сайту; в ідеалі - повернувся на сайт повторно); збільшення ймовірності відвідування Відвідувачем сторінок, потрібних власникам сайту, і в підсумку - скоєння Відвідувачем певних дій (заповнення форми замовлення; здійснення дзвінка тощо) поліпшення індексації сайту пошуковими системами і т.п. Зрозуміло, що чим більший веб-сайт, чим більше число розділів і сторінок він містить, тим більшого значення набуває розробка зручної навігації. Хорошим тоном вважається: можливість для Відвідувача потрапити з головної сторінки сайту в найбільш важливі розділи за 1 клік; можливість з будь-якої сторінки сайту за 1 клік повернутися на головну сторінку сайту; можливість дістатися від будь-якої сторінки сайту до будь-якої сторінки сайту не більш ніж за 3 кліка; дублювання системи навігації (наприклад, зверху і знизу); використання декількох альтернативних способів навігації - щоб Відвідувач міг потрапити на сторінку декількома способами - з меню, через систему пошуку і т.п. облік технічних можливостей різних користувачів: система навігації повинна дозволяти переміщатися по сайту Користувачам, у яких відключено графіка, не відображаються флеш-елементи і т.п. візуальне виділення елементів навігації на тлі інших елементів сайту (Відвідувач повинен після побіжного перегляду сторінки розуміти: ось меню - ось реклама - ось змістовний текст - ось посилання в тексті і т.п.) для спрощення - використання «стандартних» елементів навігації, наприклад - стандартних піктограм: У ряді джерел зустрічається твердження, що хор...